$(function () {
    initYears();

    initEvent();

});


function initYears() {
    $('#year').combobox({
        url: 'json/year.json',
        valueField: 'year',
        textField: 'year',
        onLoadSuccess: function (data) {
            //默认选中第一项
            $('#year').combobox('setValue', data[0].year);

            //初始化表格
            initGrid(data[0].year);
        }
    })
}

function initGrid(year) {
    $.ajax({
        url: 'report_trendReport',
        type: 'post',
        data: {year: year},
        dataType: 'json',
        success: function (result) {
            if (result.success) {
                var data = result.data;
                $('#grid').datagrid({
                    data: data,
                    columns: [[
                        {field: 'month', title: '月份', width: 100},
                        {field: 'money', title: '销售额', width: 100}
                    ]],
                    singleSelect: true,
                    onLoadSuccess: function (data) {
                        showChart(year, data.rows);    //显示图表
                    }
                });
            } else {
                $.messager.alert("提示", result.message, 'info', null);
            }
        }
    })
}


function initEvent() {
    $('#btnSearch').bind('click', function () {
        var year = $('#year').combobox('getValue');
        initGrid(year);
    });
}


//显示图
function showChart(year, data) {
    if (!data || !data.length) {
        return;
    }
    var lineData = [];
    $.each(data, function (i, item) {
        lineData.push(item.money);
    });

    $('#lineChart').highcharts({
        chart: {
            type: 'line'
        },
        title: {
            text: '销售趋势图'
        },
        xAxis: {
            categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
        },
        yAxis: {
            title: {
                text: '万'
            }
        },
        plotOptions: {
            line: {
                dataLabels: {
                    // 开启数据标签
                    enabled: true
                },
                // 关闭鼠标跟踪，对应的提示框、点击事件会失效
                enableMouseTracking: false
            }
        },
        series: [{
            name: year,
            data: lineData
        }]
    });
}